<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="BootStrap/css/bootstrap-3.3.2.min.css">
<link rel="stylesheet"
href="BootStrap/css/bootstrap-theme-3.3.2.min.css">
<script src="BootStrap/js/bootstrap-3.3.2.min.js"></script>

<title>REGISTRO DE CUOTAS</title>
</head>
<body>
	<div class="row">
		<div class="col-md-12 col-xs-12">
			<div class="panel panel- panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">REGISTRO DE CUOTAS</h3>
				</div>
				<div class="panel-body">
					<div class="row">
						<div class="col-md-6 col-lg-6">
							<div class="panel panel- panel-primary">
								<div class="panel-heading">
									<h3 class="panel-title">Datos de Vivienda:</h3>
								</div>
								<div class="panel-body">
									<form class="form-horizontal">
										<div class="form-group">
											<label class="col-md-2">Nombres: </label>
											<div class="col-md-6">
											<select
												class="form-control">
												<option>1</option>
												<option>2</option>
												<option>3</option>
												<option>4</option>
												<option>5</option>
											</select>
											</div>
										</div>
									</form>
								</div>
							</div>
							<div class="panel panel- panel-primary">
								<div class="panel-heading">
									<h3 class="panel-title">Datos de Cuota:</h3>
								</div>
								<div class="panel-body">
									<form class="form-horizontal">
										<div class="form-group">
											<label class="col-md-2">Periodo: </label> 
											<div class="col-md-6">
											<select
												class="form-control">
												<option>1</option>
												<option>2</option>
												<option>3</option>
												<option>4</option>
												<option>5</option>
											</select>
											</div>
											
										</div>
										<div class="form-group">
											<label class="col-md-2">Importe: </label>
											<div class="col-md-6">
												<input type="text" class="form-control"
													placeholder="Ingrese Importe">
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-2">Cuota: </label>
											<div class="col-md-6">
												<input type="text" class="form-control"
													placeholder="Ingrese Cuota">
											</div>
										</div>
										<div class="form-group row-fluid">
											<div class="span4 offset4 text-center" class="col-md-12">
												<button type="submit" class="btn btn-primary ">Limpiar</button>
												<button type="submit" class="btn btn-default ">Guardar</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
						<div class="col-md-2 col-xs-2 col-lg-2">
							<form class="form-horizontal">
								<div class="form-group">
									<img alt="imagen"
										src="images/administracion-de-edificios-y-condominios.jpg">
								</div>
							</form>
						</div>

					</div>
				</div>
			</div>

		</div>
	</div>
</body>
</html>